﻿* 						{ margin:0px; padding:0px; } 
body					{ background: url(../Images/bg_admin.jpg) repeat-x left bottom fixed; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; }
a:link, a:visited		{ text-decoration:none }
a:hover					{ text-decoration: underline; }
a img 					{ border: none; }
p, pre, blockquote		{ margin: 3px 0px; }
h1, h2, h3, h4, h5, h6	{ text-align:left; }
h1, h1 a				{ color:#048fee; margin:5px 0px 7px 0px; font-size:22px; }
h2, h2 a				{ color:#048fee; margin:3px 0px 5px 0px; font-size:18px; }
h3, h3 a				{ color:#048fee; margin:2px 0px 5px 0px; font-size:16px; }
h4, h4 a				{ color:#048fee; margin:1px 0px 4px 0px; font-size:12px; }
ul, ol 					{ list-style: none; }
ul li 					{ line-height: 160%; padding-left: 5px;text-align: center;}
ol li 					{ line-height: 180%; margin-left: 35px; }
th 						{ font-weight: bold; padding: 5px; text-align: left; }
fieldset 				{ border: none; padding: 10px 5px; }
fieldset a 				{ font-weight: bold; }
fieldset.input 			{ padding: 0px; }
input[type="checkbox"]	{ width:14px; } 
table					{ border:0; margin:0px; padding:0px; }
td, div 				{ font-size: 12px;text-align: center;margin-top: 10px;}
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="file"], 
button 					{ padding: 1px 6px; }  
.left 					{ float: left; }
.right 					{ float: right; }
.pointer 				{ cursor: pointer; }
/* MAIN LAYOUT*/
#wrapper				{ width:100%; margin:0 auto; min-width:1000px; }  
#header,
#main,
#footer					{ width: 100%; margin:0; padding:0; }
/*Top*/
#header					{ background:url(../Images/top_bg_c.jpg) repeat-x bottom; }
#header .div			{ background:url(../Images/top_bg_l.jpg) no-repeat left bottom; }
#header .table			{ background:url(../Images/top_bg_r.jpg) no-repeat bottom right; width:100%; min-width:1000px; font-size:10px; font-weight:bold; }
#header .table td		{ vertical-align:middle; }
#header .logo			{ height:40px; padding-left:10px; color:#0a6ccf; font-size:20px; vertical-align:middle; }
#header .left			{ height:25px; line-height:25px; text-align:left; padding-left:15px; padding-top:5px; color:#FFFFFF; font-weight:normal; }
#header .left a			{ color:#FFFFFF; font-weight:bold; }
#header .right			{ height:25px; line-height:25px; text-align:right; padding-right:7px; padding-top:5px; color:#1338d1; }
#header .right a		{ color:#1338d1; }
/*Left*/
#col_left				{ background:#2276f2; text-align:center; width:205px; max-width:205px; vertical-align:top; }
#col_left .table		{ background:url(../Images/menu_bg.jpg) repeat-y; width:185px; text-align:center; margin:10px 10px 0 10px; padding:0; }
#col_left .table td		{ text-align:left; font-size:11px; font-weight:bold; color:#215dc6; width:168px; }
#col_left .content, 
#col_left .content a	{ color:#215dc6; }
#col_left .content		{ background:#d3e2f9; width:184px; text-align:left; margin:0 10px 0 10px; }
#col_left .content ul	{ list-style:none; padding:7px 0; }
#col_left .content li	{ padding-left:10px; line-height:25px; font-size:11px; font-family:tahoma;text-align: left;}
#col_left .content li img{ border:none; padding-right:5px; vertical-align:middle; }
#col_left td.left		{ background:url(../Images/menu_left.jpg) top left; width:14px }
#col_left td.right		{ background:url(../Images/menu_right.jpg) no-repeat top right; width:3px; }
#col_left td.image		{ width:20px; cursor:pointer; }
/*#col_left .image img	{ cursor:pointer; }*/
#col_left .powered_by, 
#col_left .powered_by a	{ padding:10px 0; font-size:9px; text-align:center; color:#FFFFFF; }

/*Right*/
#col_right				{ vertical-align:top; text-align:left; }

/*Page admin view*/
.Control				{text-align: left; margin:0; padding:0; border:1px solid #99BBE8; background:#D0DEF0; height:26px; line-height:26px;clear: both; }
.Control a:link,
.Control a:visited		{ color:#000000; font-weight:normal; text-decoration:none; }
.Control a:hover		{ color:#000000; font-weight:normal; text-decoration:none; }
.Control li				{ display:inline; list-style:none; padding:0 10px 0 4px; background: url(../Images/control_li_split.gif) right no-repeat; }
.Control .vadd			{ background: url(../Images/add.png) center left no-repeat; padding-left:20px; }
.Control .vedit	 		{ background: url(../Images/edit.png) center left no-repeat; padding-left:20px; }
.Control .vdelete 		{ background: url(../Images/delete.png) center left no-repeat; padding-left:20px; }
.Control .vrefresh		{ background: url(../Images/refresh.png) center left no-repeat; padding-left:20px; }
.Control .vback			{ background: url(../Images/uplevel.png) center left no-repeat; padding-left:20px; }
.Control .uupdate		{ background: url(../Images/page_save.png) center left no-repeat; padding-left:20px; }
.Control .uback			{ background: url(../Images/back.png) center left no-repeat; padding-left:20px; }
.sortasc				{background: url(../Images/asc.gif) left no-repeat; padding: 0px 0px 0px 9px; color:#2276f2; }
.sortdesc				{background: url(../Images/desc.gif) left no-repeat; padding: 0px 0px 0px 9px; color:#2276f2; }
.TableView				{ }
.TableView .trHeader	{ font-weight:bold; text-align:center; background-color: #2276f2; color:black; } 
.TableView .trHeader td	{ padding:2px 0; line-height:15px; height:24px;color: white;border: 1px solid black;} 
.TableView .trOdd		{ line-height:24px; background:#FFFFFF } /*d�ng le*/
.TableView .trEven		{ line-height:24px; background:#d3e2f9 } /*d�ng chan*/
.TableView .tdCenter	{ text-align:center; width:30px; }
.TableView .tdLeft		{ text-align:left; }
.TableView .Function 	{ text-align:center; width:120px; height:20px; }
.TableView .Function input{ border:0; margin:0; padding:3px 0 0 0;  }
.TableView .Paging		{ line-height:20px; }
.TableView .Text		{ padding:0 4px; min-width:140px; }
.TableView .Multiline	{ padding:0 4px; }
.TableView .Center		{ text-align:center; }
.TableView .TextShort	{ width:100px; text-align:center; }
.TableView .CheckBox	{ width:140px; text-align:center; }
.TableView .CheckBoxsmall{ width: 80px; text-align:center; }
.TableView .Activehead	{ width:110px; text-align: center; }
.TableView .Date		{ width:80px; text-align: center; }
.TableView .Image		{ width:60px; text-align: center; }
.TableView .Time		{ width:90px; text-align: center; }
.TableView .DateTime	{ width:165px; text-align:center; }
.TableView .Active	    { width:50px; text-align:center; }
.TableView .Option	    { width:70px; text-align:center; }
.TableView .DateTimesmal{ width:110px; text-align:center; }
.TableView .Number		{ width:80px; text-align:center; }
.TableView .NumberM		{ width:80px; text-align:right; }
.TableView .MoneyVND,
.TableView .MoneyUSD	{ width:90px; text-align: right; }
.TableView .Moneysmall	{ width:90px; text-align: center; }
.TableUpdate			{ width:100%; border:1px solid #EDEDED; border-collapse:collapse; text-align:left; }
.TableUpdate tr			{ line-height:20px; background:#FFFFFF }
.TableUpdate th			{ width:180px; padding:2px 5px; text-align:left; }
.TableUpdate td			{ padding:2px 2px; }
.TableUpdate .text		{ width:100%;height: 25px; }
.TableUpdate .multiline	{ width:100%; }
.TableUpdate .image		{ width:150px; }
.TableUpdate .number	{ width:140px; }
.TableUpdate .datetime	{ width:150px; }
.TableUpdate .date		{ width:93%;height: 25px; }
.TableUpdate .time		{ width:90px; }
.TableUpdate .dropdown		{ width:100%;height: 25px; }

.gridview{background-color:#fff;padding:10px;margin:2% auto;}
.gridview a{
  border: 1px solid #1E90FF;
	    color: #0067A5;
	    padding: 2px 5px;
text-decoration: none;
     
}
.gridview a:hover{
    color: white;
    background-color: #0067A5; /*#1E90FF;*/
}
.gridview span{
    background-color: #1E90FF;
	    border: 1px solid #DBEAFF;
	    color: #FFFFFF;
	    padding: 2px 5px;

}

#blur
{
    width: 100%;
    background-color: black;
    opacity: .15;
    filter: alpha(opacity=50);
    z-index: 120;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#progress
{
    z-index: 200;
    background-color: White;
    position: absolute;
    top: 50%;
    left: 50%;
    border: solid 1px black;
    padding: auto;
    text-align: center;
    
}
Paging
.dv_paging                              {text-align: center; padding-bottom: 10px; padding-top: 30px; font-size: 13px; margin-top: 5px; border-top: 1px dotted #ddd; clear: both;margin-bottom: 5px;}
.dv_paging ul li                        {display: inline; margin-right: 2px;padding-left: 5px;}
.dv_paging ul li a                      {border: 1px solid #1E90FF;color: #0067A5;padding: 2px 5px;text-decoration: none;}
.dv_paging ul li a:active               {background: red;}
.dv_paging ul li a:hover                {color: white;background-color: #0067A5;}
.dv_paging ul li a.selected             {background-color: #1E90FF;border: 1px solid #DBEAFF;color: black;}
.dv_paging ul li a.li_first             {color: Black; font-weight: bold; background: none; margin-right: 5px;}
.dv_paging ul li a.li_first:hover       {text-decoration: underline;}
.dv_paging ul li a.li_last              {margin-left: 10px; background: none;} 
.dv_paging ul li a.li_last              {color: Black; font-weight: bold; background: none; margin-left: 5px;}
.dv_paging ul li a.li_last:hover        {text-decoration: underline;}

.quoclable
{
    float: left;
    margin: 5px 5px 0px 0;
    padding: 0px 15px;
    width: 13%;
    font-weight: bold;
    color: #627eb5;
    text-align: left;
}
.quocinput_detail
{
    
    float: left;
    margin: 5px 5px 5px 0;
    padding: 0px;
    width: 30%;
}
.mainquoc
{
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
